---
title: UI 概覽
---

## 元件

Univer 使用了 React 元件來構建視圖層，因此對於同樣使用 React 的開發者而言，無論是使用 Univer 的元件還是註冊自訂元件，都會是一件非常簡單的事情。但這並不代表你只能使用 React 來自訂元件，Univer 也提供了對其他框架的支援，例如 Vue（3.x 版本）和 Web Components。

所有的基礎元件都被存放在 `@univerjs/design` 套件中。圖示元件則存放在 `@univerjs/icons` 套件中。這些元件也可以獨立於 Univer 單獨使用。

自訂元件常用於以下場景：

- 在 Ribbon / Context Menu 中添加自訂按鈕
- 在 Sidebar / Popup 等元件中整合自訂元件
- 替換內建元件

我們會在後續章節中詳細介紹如何註冊和使用自訂元件。
